<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>旋转登陆页面</title>
    <link rel="stylesheet" href="static/css/login1.css"> <!--样式表-->
</head>
<body>
    <!--旋转开关-->
    <div class="switch">
    <h2>没有/已有账号</h2>
        <label for="change"class="change">点击注册</label>
    </div>

    <input type="checkbox" style="display: none;"id="change">
      
    <div class="turn" >
    <div class="over">
        <form method="post" action="/login" class="login">
            <h1>欢迎回来</h1>
            <input type="text" name="info" placeholder="用户id或邮箱"><!--占位符-->
            <input type="password" name="password" placeholder="密码">
            <input type="submit" placeholder="btn" value="登录">
        </form>

        <form action="/register" class="sign" method="post">
            <h1>加入我们</h1>
            <input type="text" name="userName" placeholder="用户名"><!--占位符-->
            <input type="password" name="passwd" placeholder="密码">
            <input type="password" name="password2" placeholder="确认密码">
            <input type="email" name="email" placeholder="邮箱">
            <input type="text" name="sex" placeholder="性别">
            <input type="submit" placeholder="btn" value="注册">

        </form>
    </div>
    </div>
</body>
</html>